<template>
    <div class="newsinfo-container">
        <!-- 大标题 -->
        <h3 class="title">幸福的味道哦</h3>
        <!-- 子标题 -->
        <p class="subtitle">
            <span>发表时间：2012-12-12 12:12:12</span>
            <span>点击：20次</span>
        </p>
       
        <!-- 内容区域 -->
        <div class="content">
<div>4，用迷离的舞步，跟随着最后一丝月光的脚步。<br>

5，烟花过后，空气中都充斥着一种浓浓的味道，证明它曾经灿烂过。<br>

6，巴黎铁塔，见证多少情人的分离<br>

7，音乐是灵魂寄宿的天堂，人向往的光明。<br>

8，掩埋了泪眼的斑驳，在转角之后扣上故事门锁<br>

9，大海之于小溪，阳光之于地球，蓝天之于白云，棉花糖之于小朋友，美梦之于你，你之于我。<br>

10，我喜欢那些闪光的东西，比如冬日的雪花，天上的星星，还有你的眼睛。<br>

11，一个人的生活就像童话，只是没有王子，我也不是公主<br>

12，春阳灿灿，夏山如碧，秋蜩抱朴，冬日烈烈，皆愿与君长相随。<br>

13，看天空的云，堆在了一起。看躺在地上的你，微笑的脸庞。<br>

14，快乐很简单，就是春天的鲜花，夏天的绿荫，秋天的野果，冬天的漫天飞雪。<br>

15，想找个保鲜盒把你给我的那些感动都装起来当我不那么喜欢你的时候就拿出来回味一下<br>

16，无数的花瓣轻轻摇曳，积攒着彩虹般的梦，承载着我的思念。<br>

17，你是我心上一棵万年青<br>

18，友谊和花香一样，还是淡一点的比较好，越淡的香气越使人依恋，也越能持久。<br>

19，勇敢的不是我，是因爲你溫暖了我的手。<br>

20，像华丽的燕尾蝶，失去往日的光彩、变作一片枯死的叶。旋转，飞扬、最后，深陷于龌龊的沼泽。<br>
</div>
        </div>

        <!-- 评论区域 -->
        <comment-box :id="this.id"></comment-box>
    </div>
</template>

<script>
import { Toast } from 'mint-ui';

//1.导入评论子组件
import comment from '../subcomponents/comment.vue'

export default {
    data() {
        return {
            id:this.$route.params.sha,
            newsinfo:{}
        }
    },
    created() {
        this.getNewsInfo();
    },
    methods: {
        getNewsInfo(){
            this.$http.get('').then(result =>{
                if(result.body.status ===0){
                    this,newsinfo = result.body.message[0];
                }else{
                    Toast('获取新闻详情失败！')
                }
            })
        }
    },
    components:{
        'comment-box':comment
    }
}
</script>

<style lang="scss">
    .newsinfo-container{
        padding: 0 4px;
        .title{
            font-size: 16px;
            text-align: center;
            margin: 15px 0;
            color: red;
        }
        .subtitle{
            font-size: 13px;
            color: #226aff;
            display: flex;
            justify-content: space-between;
        }
        .content{
            img{
                width: 100%
            }
        }
    }
</style>